/*访问之前*/
      a:link{color: green;font-size: 60px;text-decoration: none}
      /*!*鼠标点击的时候*!*/
      a:active{color:fuchsia}
       /*访问过后*/
      /*a:visited{color: red}*/
      /*鼠标放在链接上的状态*/
      a:hover{color: deepskyblue}

       .box {
           width: 100px;
           height: 101px;
           background-color: darkgoldenrod;
           border: 1px solid #66cc66;
       }

       .box .top,.boot{
           height: 50px;
           text-align: center;
           line-height: 50px;
           border-bottom: 1px solid #66cc66;
      }

       .top:hover{
           position: relative;
           top: 10px;
           left: 10px;
           height: 50px;
          background-color:chartreuse;
      }

       .boot:hover {
           position: relative;
           top: 10px;
           left: 10px;
           height: 50px;
           background-color: aqua;
       }

       .add:after{ content: " 欢迎加入HTML5 学习";
                    color: blueviolet;
        }

       .epen:before{content:"测试结束";
                    font-weight: bold;
                    color: darkgreen;
       }
       #wenzi{
            font-size: 30px;
            font-weight: 400;
            font-family: 隶书;
            font-style:italic;
            color: rgba(171, 95, 200,0.3);
            background-color: palegreen;width: 480px;
        }

        .tagWrap span:first-child{
            margin-left: 0px;
        }

        .tagWrap .item1 {
            background-position:0 -40px;
        }
        .tagWrap .item1:hover {
            background-position:0 0px;
        }
        .tagWrap .item1:active {
            background-position:0 -20px;
        }

        .tagWrap .item2 {
            background-position-y: -100px;
        }
        .tagWrap .item2:hover {
            background-position-y: -60px;
        }
        .tagWrap .item2:active {
            background-position-y: -80px;
        }

        .tagWrap .item3 {
            background-position-y: -160px;
        }
        .tagWrap .item3:hover {
            background-position-y: -120px;
        }
        .tagWrap .item3:active {
            background-position-y: 394px;
        }
